<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
    <link rel="stylesheet" type="text/css" href="./reset.css">
    <link rel="stylesheet" type="text/css" href="./luck-draw.css">
    <script type="text/javascript" src="./js/rem.js"></script>
    <title>Document</title>
</head>
<body>
<div class="wrapper-content" id="wrapper">
    <img class="wrapper-img" id="img" src="./image/luck_back.png" />
    <div class="luck-draw-wrapper">
        <ul class="luck-draw">
            <li class="draw1" data-index = '0'>
                <img src="./image/luck0.png" alt="">
            </li>
            <li class="draw2" data-index = '1'>
                <img src="./image/luck1.png" alt="">
            </li>
            <li class="draw3" data-index = '2'>
                <img src="./image/luck2.png" alt="">
            </li>
            <li class="draw4" data-index = '3'>
                <img src="./image/luck3.png" alt="">
            </li>
            <li class="draw5" data-index = '4'>
                <img src="./image/luck4.png" alt="">
            </li>
            <li class="draw6" data-index = '5'>
               <img src="./image/luck5.png" alt="">
            </li>
            <li class="draw7" data-index = '6'>
                <img src="./image/luck6.png" alt="">
            </li>
            <li class="draw8" data-index = '7'>
                <img src="./image/luck7.png" alt="">
            </li>
            <li class="draw9" data-index = '7'>
                <img src="./image/luck8.png" alt="">
            </li>
            <li class="draw10" data-index = '7'>
                <img src="./image/luck9.png" alt="">
            </li>
            <div class="luck-sz sz_one">
                <img src="./image/sz1.png" alt="">
            </div>
            <div class="luck-sz sz_two">
                <img src="./image/sz2.png" alt="">
            </div>
           <!--  <a href="javascript:;" class="throw-dice" id="throwDice">筛子</a> -->
           <!-- <span class="dice-icon" id="diceIcon" ></span> -->
           <div class="dice_icon" id="diceIcon">
               点我
           </div>
    </div>
    <div id="mask" class="mask-wrapper" style="display: none">
        <div class="mask">
        </div>
        <div class="mask-sz">
            <img id="mask-sz-one" src="./image/tz1.png" alt="">
            <img id="mask-sz-two" src="./image/tz1.png" alt="">
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery.min.js?543"></script>
<script type="text/javascript" src="js/zillion-activity.js"></script>
</body>
</html>